﻿<phone:PhoneApplicationPage
    x:Class="TestMatrix.Phone.MatrixSummaryPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <!--Pivot Control-->
        <phone:Pivot Title="MY APPLICATION" x:Name="SummaryPivot">
            <!--Pivot item one-->
            <phone:PivotItem Margin="10,28,12,0">

                <Grid x:Name="gridEnvironment" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="EnvironmentBySeverityChart" Margin="-20,0,0,0">

                        <vc:Chart.Titles>
                            <vc:Title Text="EnvironmentBySeverity" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="FoundInEnvironment" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0" Margin="78,-100,0,0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>

                    <ScrollViewer x:Name="ScrollViewerItem1" HorizontalAlignment="Center" Height="Auto"  VerticalAlignment="Top" Width="Auto">
                        <StackPanel x:Name="panelPrjList" Visibility="Collapsed" HorizontalAlignment="Center" Width="Auto" Height="Auto">
                        </StackPanel>
                    </ScrollViewer>

                    <StackPanel x:Name="panelSetting" Visibility="Collapsed" Width="Auto" Height="Auto">
                        <RadioButton x:Name="radButtonAll" Content="All"/>
                        <RadioButton x:Name="radButtonLastMonth" Content="Last 30 Days"/>
                        <RadioButton x:Name="radButtonLastHalfYears" Content="Last 6 Months"/>
                        <RadioButton x:Name="radButtonLastYears" Content="Last 12 Months"/>
                    </StackPanel>

                    <ScrollViewer x:Name="ScrollViewerItem2" HorizontalAlignment="Center" Height="Auto"  VerticalAlignment="Top" Width="Auto">
                        <StackPanel x:Name="panelRefresh" Visibility="Collapsed" Width="Auto" Height="Auto">
                            <Grid x:Name="gridRefresh" Background="Transparent" ShowGridLines="True">

                                <telerikPrimitives:RadBusyIndicator Background="#CC000000" x:Name="busyIndicator" AnimationStyle="AnimationStyle9" />
                            
                                <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap"  VerticalAlignment="Top" Margin="10,10,0,0"/>
                                <TextBox x:Name="EmailTextBox" HorizontalAlignment="Left" Height="72" TextWrapping="Wrap" Text="Domain\Alias" VerticalAlignment="Top" Width="456" Margin="0,37,0,0"/>
                                <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Password:" VerticalAlignment="Top" Margin="10,114,0,0"/>


                                <PasswordBox x:Name="AccountPasswordBox" HorizontalAlignment="Left" Height="72"  VerticalAlignment="Top" Width="456" Margin="0,141,0,0"  />
            
                                <Button x:Name="RefreshButton" Content="Refresh" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="169,213,0,0" Click="RefreshButton_Click"/>
                                <TextBox x:Name="OutputTextBox" HorizontalAlignment="Left" Height="342" TextWrapping="Wrap" VerticalAlignment="Top" Width="456" Margin="0,285,0,0" VerticalScrollBarVisibility="Auto" FontSize="18"/>
                                <CheckBox x:Name="chkSave"  Content="Save" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,212,0,0"/>
                            </Grid>
                        </StackPanel>
                    </ScrollViewer>
                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridProjectNameByState" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="ProjectNameByStateChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="ProjectNameByState" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="ProjectName" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>

                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridBugType" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="BugTypeByEnvironmentChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="BugTypeByEnvironment" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="Found In Environment" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>

                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridProjectNameBySeverity" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="ProjectNameBySeverityChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="ProjectNameBySeverity" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="Project Name" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>

                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridStateBySeverity" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                      Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" x:Name="StateBySeverityChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="StateBySeverity" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="State" LineThickness="0" />
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" Padding="4" LineThickness="0">
                                <vc:Axis.Grids>
                                    <vc:ChartGrid LineStyle="Dotted"  LineColor="Black"/>
                                </vc:Axis.Grids>
                                <vc:Axis.AxisLabels>
                                    <vc:AxisLabels Rows="2"/>
                                </vc:Axis.AxisLabels>
                            </vc:Axis>
                        </vc:Chart.AxesY>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea BorderThickness="1"/>
                        </vc:Chart.PlotArea>

                        <vc:Chart.Legends>
                            <vc:Legend Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridProjectName" Background="Transparent" ShowGridLines="True">

                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                  Background="Black" LightingEnabled="False" Theme="Theme1" BorderThickness="0" Padding="6" x:Name="ProjectNameChart" >

                        <vc:Chart.Titles>
                            <vc:Title Text="Project Name" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.AxesX>
                            <vc:Axis Title="Project Name"/>
                        </vc:Chart.AxesX>

                        <vc:Chart.AxesY>
                            <vc:Axis Title="Count" TitleFontSize="14"/>
                        </vc:Chart.AxesY>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem Margin="12,28,12,46">
                <Grid x:Name="gridCreateDate" Background="Transparent" ShowGridLines="True">
                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                  Theme="Theme1" Background="Black" LightingEnabled="False" BorderThickness="0" x:Name="CreatedDateSplineChart">

                        <vc:Chart.Titles>
                            <vc:Title Text="TFS Bug Type" Margin="0,0,0,5"/>
                        </vc:Chart.Titles>

                        <vc:Chart.PlotArea>
                            <vc:PlotArea ShadowEnabled="false"></vc:PlotArea>
                        </vc:Chart.PlotArea>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>           
        </phone:Pivot>
    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">

        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
    
</phone:PhoneApplicationPage>